<template>
  <div class="system-job">
    <el-card>
      <template #header>
        <div class="card-header">
          <span>定时任务</span>
          <el-tag type="info" size="small">
            系统任务管理
          </el-tag>
        </div>
      </template>
      
      <div class="job-content">
        <h3>定时任务功能</h3>
        <p>管理系统定时任务，包括任务配置、执行日志等</p>
        <p>系统配置的任务：</p>
        <ul>
          <li>系统监控记录任务（每5分钟执行）</li>
          <li>数据库自动备份任务（每日02:00执行）</li>
          <li>日志清理任务（每日03:00执行）</li>
          <li>缓存刷新任务（每日04:00执行）</li>
          <li>临时文件清理任务（每日05:00执行）</li>
        </ul>
        <el-button @click="goBack">返回系统管理</el-button>
      </div>
    </el-card>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'

const router = useRouter()

const goBack = () => {
  router.push('/system')
}
</script>

<style scoped>
.system-job {
  padding: 20px;
}

.job-content {
  text-align: center;
  padding: 40px 0;
}

.job-content h3 {
  color: #409eff;
  margin-bottom: 20px;
}

.job-content p {
  color: #606266;
  margin-bottom: 30px;
}
</style>
